<template>
	<view :class="['loading', zClass]">
		<text v-if="status==='loading'" class="iconfont zp-loading-icon loading-text">&#xe6d1;</text>
		<text v-if="content" class="loading-text">{{content}}</text>
	</view>
</template>

<script>
	export default {
		props: {
			'zClass':{type:String},
			'content':{type:String, default:'加载中'},
			'status':{type:String, default:'loading'}
		}
	}
</script>

<style lang="scss">
	.loading{
		display: flex;
		align-items: center;
		justify-content: center;
		.loading-text{
			margin: 0 6upx;
		}
	}
</style>
